<template>
    <div
        :ref="comRef"
        class="EmptyCom"
    >
      组件放置区
    </div>
</template>

<script setup>
import { ref } from 'vue';

const comRef = ref(null);
</script>

<style lang="less" scoped>
.EmptyCom{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    font-size: 16px;
    padding: 4px 8px;
    background-color: white;
    cursor: move;
    border: 2px dashed rgb(88, 133, 223);
}
</style>